<template>
  <navigator :url="`/pages/goods_detail/goods_detail?goods_id=${data.goods_id}`" class="goodsItem" v-if="data">
    <u-image
      width="190rpx"
      height="190rpx"
      :src="data.goods_big_logo"
      mode="aspcetFill"
    ></u-image>
    <view class="desc">
      <view class="title">
        {{data.goods_name}}
      </view>
      <view class="price">￥ {{data.goods_price}}</view>
    </view>
  </navigator>
</template>

<script>
  export default {
    props: {
      data: {
        type: Object,
        required: true
      }
    }
  };
</script>

<style lang="scss" scoped>
.goodsItem {
  padding: 40rpx 40rpx 0;
  display: flex;
  .desc {
    height: 190rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16rpx 0 16rpx 30rpx;
    font-size: 24rpx;
    .title {
      color: #434343;
    }
    .price {
      color: $theme-color;
    }
  }
}
</style>